<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<link rel="stylesheet" type="text/css" href="css/common/common.css"/>
	<link rel="stylesheet" type="text/css" href="css/shopinfo.css"/>
	<link rel="stylesheet" href="css/bootstrap.css" />
	<body>
		<div id="web">
			<header class="clearfix">
				<div class="logo fl">
					<div>
						<img src="img/logo.png" />
					</div>
				</div>
				<ul class="navbar fl clearfix">
					<li><a href="index.html">首页</a></li>
					<li>
						<a href="">骑行</a>
						<div class="header-info clearfix">
							<div class="fl clearfix">
								<h4>普通版</h4>
								<ul class="text fl">
									<li><a href=""">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
									<li><a href="">儿童版短袖</a></li>
									<li><a href="">儿童版长袖</a></li>
								</ul>
							</div>
							<div class="fl clearfix">
								<h4>竞技版</h4>
								<ul class="fl">
									<li><a href="">短袖</a></li>
									<li><a href="">短裤</a></li>
									<li><a href="">长袖</a></li>
									<li><a href="">长裤</a> </li>
									<li><a href="">背带短裤</a></li>
									<li><a href="">背带长裤</a> </li>
								</ul>
								<ul class="fl">
									<li><a href="">短袖连体服</a> </li>
									<li><a href="">长袖连体服</a> </li>
								</ul>
							</div>
						</div>
					</li>
					<li><a href="">铁三</a></li>
					<li><a href="">跑步</a></li>
					<li><a href="">设计师入驻</a></li>
					<li>
						<a href="shopList.html">品牌专区</a>
					</li>
				</ul>
				<ul class="nav-img fl clearfix">
					<li>
						<div class="search">
							<input type="search"  placeholder="上衣"/>
							<input type="image" onclick="window.location.href='search.html'" src="img/search.gif" />
						</div>
					</li>
					<li>
						<div class="shop_car" onclick="window.location.href='BE-Project/flow1.html'">
							<img src="img/shopping_car.png"/>
						</div>
					</li>
					<li class="per">
						<div class="person">
							<img src="img/person.png"/>
						</div>
						<div class="lo">
							<p><a href="login.html">登录</a></p>
							<p><a href="reg.html">注册</a></p>
							<p><a href="openShop.html">我要开店</a></p>
						</div>
					</li>
					<li>
						<div class="tel">
							<img src="img/tel.jpg"/>
						</div>
					</li>
					<li>
						<div class="language">
							<img src="img/language.png" />
						</div>
					</li>
				</ul>
			</header>
			<div class="title clearfix">
				<p>	
					<span><a href="">首页</a></span>
					<span>></span>
					<span><a href="">搜索</a></span>
					<span>></span>
					<span><a href="">上衣</a></span>
					<span>></span>
					<strong><a href="">短袖</a></strong>
				</p>
			</div>
			<section class="clearfix">
			<div class="clearfix">
				<div class="shop fl">
					<div id="div">
						<div class="small_pic">
							<span class="mark"></span>
							<span class="float_layer"></span>
							<img src="img/shopinfo/shop.png"/>
						</div>
						<div class="big_pic">
							<img src="img/shopinfo/shop.png"/>
						</div>
					</div>
					<p>
						<span>
							<img src="img/shopinfo/for.png" alt="" />
							<a href="">分享</a>
						</span>
						<span>
							<img src="img/shopinfo/get.png" alt="" />
							<a href="">收藏</a>
						</span>
						<span>
							<img src="img/shopinfo/love.png" alt="" />
							<a href="">喜欢/21</a>
						</span>
					</p>
				</div>
				<div class="shopinfo fl">
					<p>Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男</p>
					<p>
						<span>价格:</span>
						<span>¥146.00</span>
						<span>会员价：</span>
						<span>¥146.00</span>
					</p>
					<div class="infomation">
						<div class="add clearfix">
							<!--<span class="fl">送货至:</span>-->
							<nav class="navbar navbar-default" role='navigation' style="background: white; border: none;margin-bottom: 0;">
								<div class="navbar-header">
									<a href="" class="navbar-brand" style="font-size: 13px;padding: 0;padding-top: 17px;padding-right:8px ;">送货至:</a>
								</div>
								<ul class="nav navbar-nav">
									<li class="dropdown">
										<a href="" class="dropdown-toggle" data-toggle='dropdown'>
											广东
											<span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li class="active"><a href="">广东</a></li>
											<li><a href="">香港</a></li>
											<li><a href="">澳门</a></li>
											<li><a href="">广西</a></li>
											<li><a href="">北京</a></li>
											<li><a href="">福建</a></li>
											<li><a href="">台湾</a></li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="" class="dropdown-toggle" data-toggle='dropdown'>
											广州
											<span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li class="active"><a href="">广州</a></li>
											<li><a href="">惠州</a></li>
											<li><a href="">深圳</a></li>
											<li><a href="">珠海</a></li>
											<li><a href="">潮州</a></li>
											<li><a href="">揭阳</a></li>
											<li><a href="">肇庆</a></li>
										</ul>
									</li>
									<li class="dropdown">
										<a href="" class="dropdown-toggle" data-toggle='dropdown'>
											天河区
											<span class="caret"></span>
										</a>
										<ul class="dropdown-menu">
											<li class="active"><a href="">天河区</a></li>
											<li><a href="">白云区</a></li>
											<li><a href="">越秀区</a></li>
											<li><a href="">番禺区</a></li>
											<li><a href="">海珠区</a></li>
											<li><a href="">荔湾区</a></li>
											<li><a href="">黄浦区</a></li>
										</ul>
									</li>
								</ul>
							</nav>
						</div>
						<div class="clearfix">
							<span class="fl">性别:</span>
							<div class="sex fl clearfix">
								<div class="fl">
									<img src="img/shopinfo/boy.png" alt="" />
									<span>男</span>
								</div>
								<div class="fl"><img src="img/shopinfo/turn.png" alt="" /></div>
							</div>
						</div>
						<div class="size clearfix">
							<span class="fl">尺码:</span>
							<ul class="fl clearfix">
								<li class="active"><span>S</span></li>
								<li><span>M</span></li>
								<li><span>L</span></li>
								<li><span>XL</span></li>
								<li><span>XXL</span></li>
							</ul>
						</div>
						<div class=" clearfix">
							<span class="fl">数量:</span>
							<ul class="num fl clearfix">
								<li><input type="button" value="-" /></li>
								<li><span>1</span></li>
								<li><input type="button" value="+" /></li>
							</ul>
						</div>
					</div>
					<div class="shopbtn">
						<input class="active" type="button" value="立即购买" />
						<input type="button" value="加入购物车" />
						<input type="image" src="img/shopinfo/btn.jpg" onclick="window.location.href='custom-tailor.html'" />
						<span><a href="">重新选择</a></span>
					</div>
					<div class="serve clearfix">
						<label class="fl" for="">服务承诺:</label>
						<ul class="fl clearfix">
							<li>
								<img src="img/shopinfo/ok.png"/>
								<span>100%个性定制</span>
							</li>
							<li>
								<img src="img/shopinfo/ok.png"/>
								<span>100%正品保证</span>
							</li>
							<li>
								<img src="img/shopinfo/ok.png"/>
								<span>7天闪电发货</span>
							</li>
							<li>
								<img src="img/shopinfo/ok.png"/>
								<span>365天客服热线</span>
							</li>
							<li>
								<img src="img/shopinfo/ok.png"/>
								<span>30天无忧退换</span>
							</li>
						</ul>
					</div>
				</div>
			</div>	
				<div class="productCar">
					<p class="title">相同款式的其它商品</p>
					<div  class="product-shopCar" class="clearfix">
						<div id="left" class="left fl">
							<input type="image" src="img/turnleft.png" />
						</div>
						<div class="moveul fl ">
							<ul id="moveul" class="pro-shop1 clearfix">
								<li class="clearfix">
									<div class="fl">
										<img src="img/pro1.jpg" alt="" />
									</div>
									<div class="fr">
										<p>竞技版骑行上衣</p>
										<img src="img/spring.jpg" />
										<p>¥299</p>
									</div>
								</li>
								<li class="clearfix">
									<div class="fl">
										<img src="img/pro2.jpg" alt="" />
									</div>
									<div class="fr">
										<p>普通版骑行上衣</p>
										<img src="img/spring.jpg" alt="" />
										<p>¥299</p>
									</div>
								</li>
								<li class="clearfix">
									<div class="fl">
										<img src="img/pro3.jpg" alt="" />
									</div>
									<div class="fr">
										<p>竞技版背带骑行裤</p>
										<img src="img/spring.jpg"/>
										<p>¥299</p>
									</div>
								</li>
								<li class="clearfix">
									<div class="fl">
										<img src="img/pro4.jpg" alt="" />
									</div>
									<div class="fr">
										<p>普通版骑行上衣</p>
										<img src="img/spring.jpg" alt="" />
										<p>¥299</p>
									</div>
								</li>
							</ul>
						</div>	
						<div id="right" class="right fr">
							<input type="image" src="img/turnright.png" />
						</div>
					</div>
				</div>	
			<div class="shop-infomation clearfix">
				<div id="ul" class="ul clearfix">
					<div class="pro-title fl">
						<h4><a href="javascript:;">商品详情</a></h4>
						<span></span>
					</div>
					<div class="pro-title fl">
						<h4><a href="javascript:;">咨询留意</a></h4>
						<span></span>
					</div>
					<div class="pro-title fl">
						<h4><a class="active"  href="javascript:;">评价详情</a></h4>
						<span></span>
					</div>
				</div>
				<div id="for" class="for clearfix">
					<div class="left fl"></div>
					<div class="right fr">
						<img src="img/shopinfo/info.jpg"/>
					</div>
				</div>
				<div id="evaluate"  class="evaluate clearfix">
					<div class="left fl">
						<div class="num clearfix">
							<div class="good fl">
								<p>99<span>%</span></p>
								<p>好评度</p>
							</div>
							<div class="bad fl">
								<div>
									<span>好评(99%)</span>
									<div class="active">99%</div>
								</div>
								<div>
									<span>中评(0%)&nbsp;&nbsp;</span>
									<div>0%</div>
								</div>
								<div>
									<span>差评(0%)&nbsp;&nbsp;</span>
									<div>0%</div>
								</div>
							</div>
						</div>
						<ul class="list clearfix">
							<li class="active"><span>全部评价</span><span>( 200+ )</span></li>
							<li><span> 晒图</span><span>( 60 )</span></li>
							<li><span>好评</span><span>( 200+ ) </span></li>
							<li><span> 中评</span><span>( 0 )</span></li>
							<li><span>差评</span><span>( 0 )</span></li>
						</ul>
						<ul class="ev">
							<li class="clearfix">
								<div class="user fl">
									<div>
										<img src="img/shopinfo/user.jpg" alt="" />
									</div>
									<p>S***J</p>
								</div>
								<div class="evaluate-info fl">
									<ul class="clearfix">
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
									</ul>
									<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意</p>
									<ul class="clearfix">
										<li class="fl"><img src="img/shopinfo/Byuser1.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser2.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser3.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser4.jpg" alt="" /></li>
									</ul>
									<p>      
										<span>正能量抓绒套装</span>
										<span>XXL</span>
										<span> 2017-08-09 0:02</span>
									</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="user fl">
									<div>
										<img src="img/shopinfo/user.jpg" alt="" />
									</div>
									<p>S***J</p>
								</div>
								<div class="evaluate-info fl">
									<ul class="clearfix">
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
									</ul>
									<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。</p>
									<ul class="clearfix">
										<li class="fl"><img src="img/shopinfo/Byuser1.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser2.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser3.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser4.jpg" alt="" /></li>
									</ul>
									<p>      
										<span>正能量抓绒套装</span>
										<span>XXL</span>
										<span> 2017-08-09 0:02</span>
									</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="user fl">
									<div>
										<img src="img/shopinfo/user.jpg" alt="" />
									</div>
									<p>S***J</p>
								</div>
								<div class="evaluate-info fl">
									<ul class="clearfix">
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
									</ul>
									<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。</p>
									<ul class="clearfix">
										<li class="fl"><img src="img/shopinfo/Byuser1.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser2.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser3.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser4.jpg" alt="" /></li>
									</ul>
									<p>      
										<span>正能量抓绒套装</span>
										<span>XXL</span>
										<span> 2017-08-09 0:02</span>
									</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="user fl">
									<div>
										<img src="img/shopinfo/user.jpg" alt="" />
									</div>
									<p>S***J</p>
								</div>
								<div class="evaluate-info fl">
									<ul class="clearfix">
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
									</ul>
									<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。</p>
									<ul class="clearfix">
										<li class="fl"><img src="img/shopinfo/Byuser1.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser2.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser3.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser4.jpg" alt="" /></li>
									</ul>
									<p>      
										<span>正能量抓绒套装</span>
										<span>XXL</span>
										<span> 2017-08-09 0:02</span>
									</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="user fl">
									<div>
										<img src="img/shopinfo/user.jpg" alt="" />
									</div>
									<p>S***J</p>
								</div>
								<div class="evaluate-info fl">
									<ul class="clearfix">
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
									</ul>
									<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。</p>
									<ul class="clearfix">
										<li class="fl"><img src="img/shopinfo/Byuser1.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser2.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser3.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser4.jpg" alt="" /></li>
									</ul>
									<p>      
										<span>正能量抓绒套装</span>
										<span>XXL</span>
										<span> 2017-08-09 0:02</span>
									</p>
								</div>
							</li>
							<li class="clearfix">
								<div class="user fl">
									<div>
										<img src="img/shopinfo/user.jpg" alt="" />
									</div>
									<p>S***J</p>
								</div>
								<div class="evaluate-info fl">
									<ul class="clearfix">
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
										<li class="fl"><input type="image" src="img/shopinfo/start.png"  /></li>
									</ul>
									<p>骑行服套装收到，与描述的一致，质量好，大小合身，做工精细，颜色纯正，价格合理，满意。</p>
									<ul class="clearfix">
										<li class="fl"><img src="img/shopinfo/Byuser1.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser2.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser3.jpg" alt="" /></li>
										<li class="fl"><img src="img/shopinfo/Byuser4.jpg" alt="" /></li>
									</ul>
									<p>      
										<span>正能量抓绒套装</span>
										<span>XXL</span>
										<span> 2017-08-09 0:02</span>
									</p>
								</div>
							</li>
						</ul>
						<div class="page clearfix">
						<ul class="link fr clearfix">
							<li><button><</button></li>
							<li class="active"><button>1</button></li>
							<li><button>2</button></li>
							<li><button>3</button></li>
							<li><button>...</button></li>
							<li><button>></button></li>
						</ul>
					</div>
					</div>
					<div class="right fr">
						<img src="img/shopinfo/info.jpg"/>
					</div>
				</div>
			</div>
			</section>
			<div class="customer">
				<ul class="clearfix">
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/2.png" alt="" />
						<span class="fl">100%个性定制</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/3.png" alt="" />
						<span class="fl">100%正品保证</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/4.png" alt="" />
						<span class="fl">7天闪电发货</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/5.png" alt="" />
						<span class="fl">30天无忧退换</span>
					</li>
					<li class="clearfix">
						<img class="fl" src="img/shopinfo/6.png" alt="" />
						<span class="fl">365天客服热线</span>
					</li>
				</ul>
			</div>
			<footer>
				<div class="list clearfix">	
					<div class="foot-logo fl">
						<img src="img/foot-logo.png"/>
					</div>
					<div class="foot-list fl clearfix">
						<div>
							<ul>
								<li><a href="">新手指南</a></li>
								<li><a href="">用户注册</a></li>
								<li><a href="">定制流程</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">付款方式</a></li>
								<li><a href="">支付方式</a></li>
								<li><a href="">支付问题</a></li>
								<li><a href="">常见问题</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">售后服务</a></li>
								<li><a href="">退款换货</a></li>
								<li><a href="">配送方式</a></li>
								<li><a href="">联系我们</a></li>
							</ul>
						</div>
						<div>
							<ul>
								<li><a href="">政策条款</a></li>
								<li><a href="">服务协议</a></li>
								<li><a href="">隐私条款</a></li>
								<li><a href="">版权条款</a></li>
							</ul>
						</div>
					</div>
				</div>
				<p>© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1</p>
			</footer>
		</div>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script src="js/bootstrap.js"></script>
		<script src="js/getStyle.js"></script>
		<script src="js/shopinfo.js"></script>
	</body>
</html>
